<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
				color: green;
				/* color: #67dbba; */
				/* color: rgb(255, 170, 0); */
				/* color属性的三种写法，开发中十六进制使用最多，rgb三个值对应红绿蓝 */
				text-align: center;
				/* 这个属性主要用于使文字在盒子内水平居中对齐，文字一般默认左对齐 */
				text-decoration: underline;
			}

			a {
				text-decoration: none;
				/* text-decoration这个属性主要用来去掉超链接的下划线以及为某些文本添加下划线，其他上划线，穿过线很少使用 */
			}
			p {
				font-size: 20px;
				/* text-indent: 40px; */
				text-indent: 2em;
				/* 首行缩进属性可以取负值，向左缩进很少使用，1个em表示当前元素一个字体的大小，当前元素没设置则是父元素大小 */
				/* line-height: 2em; */
				line-height: 40px;
				/* 行间距 行高是有字体高度和上下间距合起来构成，改变行高不会改变字体高度而是上下间距 */
			}
		</style>
	</head>
	<body>
		<div>文本颜色的设置</div>
		<a href="#">这是超链接自带下划线</a>
		<p>这是一个首行缩进属性的演示，今天是练习css代码的第二天，css学习起来很有趣，我必须要坚持下去，改变现在的状况，我要通过学习前端走上一条锻炼自己技术，不断提高的道路。</p>
	</body>
</html>
